﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="UserManual.aspx.cs" Inherits="CSC440TeamOne.Admin.Views.UserManual"
    Title="UserManual" MasterPageFile="~/Shared/DefaultMaster.master" %>

<asp:Content runat="server" ContentPlaceHolderID="HeadContent">
    <style type="text/css">
        .cs td
        {
            padding: 0 .25em;
        }
        .selected
        {
            background-color: Yellow;
        }
        .lblinput label
        {
            display: block;
        }
        .lblinput input[type='text'], .lblinput textarea
        {
            width: 40em;
            margin-bottom: 1em;
        }
        .lblinput textarea
        {
            min-height: 5em;
        }
    </style>
</asp:Content>
<asp:Content runat="server" ContentPlaceHolderID="SideBar">
    <div class="cs">
        <asp:Table runat="server" ID="tblSide">
        </asp:Table>
        <asp:Button runat="server" ID="btnAddSection" Text="Add" />
    </div>
</asp:Content>
<asp:Content ID="content" ContentPlaceHolderID="DefaultContent" runat="Server">
    <h1>
        UserManual
    </h1>
    <div>
        <asp:MultiView runat="server" ID="mvState" ActiveViewIndex="0">
            <asp:View runat="server" ID="vwError">
                ERROR!
            </asp:View>
            <asp:View runat="server" ID="vwEdit">
                <asp:Button runat="server" ID="btnPreview" Text="Preview" />
                <ul>
                    <li>
                        <p class="lblinput" style="margin: 1em;">
                            <asp:Label runat="server" AssociatedControlID="txtSectionName">Section Name:</asp:Label>
                            <asp:TextBox runat="server" ID="txtSectionName"></asp:TextBox>
                        </p>
                    </li>
                    <asp:Repeater runat="server" ID="repEditUserManualPages">
                        <ItemTemplate>
                            <li>
                                <div runat="server" id="divPageBorder" style="margin: 1em;">
                                    <asp:HiddenField runat="server" ID="hfId" />
                                    <p class="lblinput">
                                        <asp:Label runat="server" AssociatedControlID="txtTitle">Title:</asp:Label>
                                        <asp:TextBox runat="server" ID="txtTitle"></asp:TextBox>
                                        <br />
                                        <asp:Label runat="server" AssociatedControlID="txtContent">Content:</asp:Label>
                                        <asp:TextBox runat="server" ID="txtContent" TextMode="MultiLine"></asp:TextBox>
                                        <br />
                                        <asp:Label runat="server" AssociatedControlID="txtImage">Image:</asp:Label>
                                        <asp:TextBox runat="server" ID="txtImage"></asp:TextBox>
                                        <br />
                                        <asp:Label runat="server" AssociatedControlID="txtCaption">Caption:</asp:Label>
                                        <asp:TextBox runat="server" ID="txtCaption"></asp:TextBox>
                                    </p>
                                    <asp:CheckBox runat="server" ID="chkDelete" Text="Delete" />
                                </div>
                            </li>
                        </ItemTemplate>
                    </asp:Repeater>
                </ul>
                <asp:Button runat="server" ID="btnAddContent" Text="Add" />
                <asp:Button runat="server" ID="btnSave" Text="Save" />
            </asp:View>
            <asp:View runat="server" ID="vwPreview">
                <asp:Button runat="server" ID="btnEdit" Text="Edit" />
                <asp:Repeater runat="server" ID="repPreviewUserManualPages">
                    <ItemTemplate>
                        <p>
                            <asp:Literal runat="server" ID="litTitle"></asp:Literal>
                        </p>
                        <p>
                            <asp:Literal runat="server" ID="litContent"></asp:Literal>
                        </p>
                        <p>
                            <asp:Image runat="server" ID="imgImage" />
                        </p>
                        <p>
                            <asp:Literal runat="server" ID="litCaption"></asp:Literal>
                        </p>
                    </ItemTemplate>
                </asp:Repeater>
            </asp:View>
        </asp:MultiView>
    </div>
</asp:Content>
